﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Starter Template for Bootstrap</title>

    <style>
          dl {
	
             }

dd {
    margin: 0;
	
    padding: 1em 0;
}

dt {
    cursor: pointer;
    
	
    font-weight: bold;
    font-size : 1.5em;
    line-height: 2em;
    background: #e3e3e3;
    border-bottom: 1px solid #c5c5c5;
    border-top: 1px solid white;
}

dt:first-child { border-top: none; }
dt:nth-last-child(2) { border-bottom: none; }

.hide { display: none;}
    </style>
  

    <!-- Bootstrap core CSS -->
    <link href="~/Content/AdminTemplate/css/bootstrap.min.css" rel="stylesheet">
         
    <!-- Add custom CSS here -->
    <link href="~/Content/AdminTemplate/css/simple-sidebar.css" rel="stylesheet">
 
    
    
<script src="~/Scripts/jquery-1.7.1.js"></script>
 

</head>




<body>
      
    <div id="wrapper">
      
        <!-- Sidebar -->

        <div id="sidebar-wrapper">

            <dl class="sidebar-nav">
                 <dt class="sidebar-brand"><a href="#">Author Admin Menu</a> </dt>
               
                <dt> @Html.ActionLink("Home", "Index", "Home")</dt>
               
                 <dd>Black hot drink</dd>
                 <dd>Black hot drink</dd>
               
                 <dt> @Html.ActionLink("About", "About", "Home")</dt>
                     <dd>Black hot drink</dd>
                     <dd>Black hot drink</dd>
               
                 <dt>@Html.ActionLink("Contact", "Contact", "Home")</dt>
                     <dd>Black hot drink</dd>
                    <dd>Black hot drink</dd>

                <dt>@Html.ActionLink("Administration","Index","Account")</dt>
                    <dd>Black hot drink</dd>
                    <dd>Black hot drink</dd>

            </dl>

        </div>


      


        
        <!-- Page content -->
        <div id="page-content-wrapper">
              <section id="login">
                     @Html.Partial("_LoginPartial")
                </section>
            <section class="leftaut">
              @RenderSection("authorName",required:false)

            </section>
                    @RenderSection("menuAdmin",required:false)
            <div class="content-header">
                <h1>
                    <a id="menu-toggle" href="#" class="btn btn-default"><i class="icon-reorder"></i></a>
               
                     
                </h1>
                
            </div>
            <!-- Keep all page content within the page-content inset div! -->

      <div class="page-content inset">
                <div class="row">
                    <div class="col-md-12">
                       @RenderSection("featured", required: false)
                          
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
                @RenderSection("OpenCreateArticle",required:false)
                 @RenderSection("KnockoutJs",required:false)
            </section>
                        
                        </div>
                    </div>
                      
           
        


                    </div>
                </div>
            </div>
      

    <!-- JavaScript -->
   
    <script> 

        (function () {

            $('dd').filter(':nth-child(n+4)').addClass('hide');

            console.log($(this));
            $('dl').on('click', 'dt', function () {
          
                $(this)
                   .next()
                        .slideDown(200)
                       .siblings('dd')
                        .slideUp(200);
            });
        })();

 </script>   
    <!-- Custom JavaScript for the Menu Toggle -->

        @RenderSection("scripts", required: false)
   
    
    <script>
        $("#menu-toggle").click(function (e) {
            e.preventDefault();
            $("#wrapper").toggleClass("active");
        });
    </script>
</body>

</html>
